import styled from 'styled-components'

export let HomeHeaderStyled = styled.div`
    position:fixed;
    top:0;
    left:0;
    z-index:1000;
    width:100%;
    height:0.7rem;
    display:flex;
    justify-content:space-between;
    align-items:center;
    box-sizing:border-box;
    padding:0 0 0 0.1rem;
    background:url('http://static.jiudoujishi.com/A37JxfSIoiMYIX8UxFL5IJ3iiHmxjbRwGm3o7V0A.png') 0% 0% / 100% 100% no-repeat;
    color:#fff;
    h1{
        font-size:0.18rem;
    }
    .center{
        width:2.25rem;
        height:0.32rem;
        border-radius:0.32rem;
        background:#fff;
        box-sizing:border-box;
        padding:0 0.15rem;
        display:flex;
        justify-content:flex-start;
        align-items:center;
        color:#999;
        font-size:0.14rem;
        i{
            margin-right:0.05rem;
            font-size:0.14rem;
        }
    }
    .right{
        display:flex;
        p{
            display:flex;
            flex-direction:column;
            justify-content:flex-start;
            align-items:center;
            margin-right:0.1rem;
         i{
            font-size:0.2rem;
         }   
         span{
            font-size:0.12rem;
         }
        }
    }
`